<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>.::AsPerA::. Asignación de Permisos de Aprendices</title>
                <link rel="shortcut icon" href="favicon.ico"/>
            </f:facet>
        </h:head>

        <h:body>
            <div>
                <h:graphicImage url="/aspera/images/aspera.jpg" width="100%" height="100%" alt="LogoAspera"  style="vertical-align: top;"/> 
            </div>

            <p:panel>
                <p:panelGrid> 
                    <p:row>
                        <p:column style="vertical-align: top;"> 
                            <h:form>
                                <p:menu>
                                    <p:submenu label="Menú">                                
                                        <p:menuitem value="Inicio" url="/faces/aspera/indexCoordinador.xhtml" />
                                        <p:menuitem value="Coordinadores" url="/faces/aspera/GestionCoordinador.xhtml" />
                                        <p:menuitem value="Permisos" url="/faces/aspera/ApruebaPermisosCoord.xhtml" />
                                        <p:menuitem value="Instructores" url="/faces/aspera/gestionInstructores.xhtml" />
                                        <p:menuitem value="Asignar Fichas" url="/faces/aspera/asignarFichas.xhtml" />
                                        <p:menuitem value="Programas" url="/faces/aspera/gestionProgramas.xhtml" />
                                        <p:menuitem value="Fichas" url="/faces/aspera/gestionFichas.xhtml" />     
                                        <p:menuitem value="Aprendices" url="/faces/aspera/gestionAprendices.xhtml" />
                                        <p:menuitem value="Reportes" url="/faces/aspera/Reportes.xhtml" />
                                        <p:menuitem value="Cambio Contraseña" url="/faces/aspera/CambiaPasswordCoord.xhtml" />
                                        <p:menuitem value="Cerrar Sesión" actionListener="#{usuariosVista.cerrarSesion_action}" />
                                    </p:submenu>                     
                                </p:menu>
                            </h:form>
                        </p:column>
                        <p:column>

                            <h:form id="formulario">                       
                                <p:panel id="panel" header="Coordinador">                
                                    <p:messages id="mensajes" showDetail="true" />
                                    <f:facet name="actions">
                                        <p:commandLink onclick="PF('helpDialog').show();" styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default"><h:outputText styleClass="ui-icon ui-icon-help" /></p:commandLink>
                                    </f:facet>
                                    <p:panelGrid id="pnlCoordinador">                                      
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="Documento:"/> 
                                            </p:column>

                                            <p:column>
                                                <div align="left">
                                                    <p:inputText id="txtDocumento" binding="#{coordinadorVista.txtDocumento}" >
                                                        <!-- ajax para el listener del campo -->
                                                        <p:ajax listener="#{coordinadorVista.txtIdentificacion_listener}" update="pnlCoordinador" />
                                                    </p:inputText>
                                                </div> 
                                                <p:tooltip for="txtDocumento" value="Digite el Documento y Presione TAB o Enter" showEffect="slide" hideEffect="slide" />
                                            </p:column>

                                            <p:column>
                                                <h:outputText value="Nombre:"/>
                                            </p:column>

                                            <p:column>
                                                <div align="left">
                                                    <p:inputText id="txtNombre" binding="#{coordinadorVista.txtNombre}" />
                                                </div>                                      
                                            </p:column>

                                        </p:row>  
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="Apellido:"/>
                                            </p:column>

                                            <p:column>
                                                <div align="left">
                                                    <p:inputText id="txtApellido" binding="#{coordinadorVista.txtApellido}"/>
                                                </div>                                      
                                            </p:column>

                                            <p:column>
                                                <h:outputText value="Correo:"/>
                                            </p:column>

                                            <p:column>
                                                <div align="left">
                                                    <p:inputText id="txtCorreo" binding="#{coordinadorVista.txtCorreo}"/>
                                                </div>                                      
                                            </p:column>                                        

                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="Teléfono:"/>
                                            </p:column>

                                            <p:column>
                                                <div align="left">
                                                    <p:inputText id="txttelefono" binding="#{coordinadorVista.txtTelefono}"/>
                                                </div>                                      
                                            </p:column>

                                            <p:column>
                                                <h:outputText value="Clave:"/>
                                            </p:column>

                                            <p:column>
                                                <div align="left">
                                                    <p:password id="passClave" binding="#{coordinadorVista.passClave}" feedback="true" />
                                                </div>                                      
                                            </p:column>                                        

                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="Tipo:"/>
                                            </p:column>

                                            <p:column colspan="3">
                                                <div align="left">
                                                    <p:selectOneMenu id="cmbTipo" binding="#{coordinadorVista.cmbTipo}" >
                                                        <f:selectItem itemLabel="ACADEMICO" itemValue="ACADEMICO" />
                                                        <f:selectItem itemLabel="MISIONAL" itemValue="MISIONAL" />
                                                    </p:selectOneMenu>
                                                </div>                                      
                                            </p:column>
                                        </p:row>

                                        <p:row>
                                            <p:column colspan="4">
                                                <div align="center"> 
                                                    <p:commandButton id="btnCrear" value="Crear" binding="#{coordinadorVista.btnCrear}" action="#{coordinadorVista.crear_action}" update="panel"/>
                                                    <p:commandButton id="btnModificar" value="Modificar" binding="#{coordinadorVista.btnModificar}" action="#{coordinadorVista.modificar_action}" disabled="true" update="panel"/>
                                                    <p:commandButton id="btnEliminar" value="Eliminar" binding="#{coordinadorVista.btnEliminar}" onclick="PF('confirmation').show()" disabled="true" type="button" />
                                                    <p:commandButton id="btnLimpiar" value="Limpiar" binding="#{coordinadorVista.btnLimpiar}" action="#{coordinadorVista.limpiar_action}"  update="panel"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                    </p:panelGrid>

                                    <br />
                                    <h:outputText value="Si Desea Buscar un Coordinador por Documento o Nombre, Digite el Dato en el Filtro Respectivo" />
                                    <br /><br />

                                    <p:dataTable id="listaCoordinadores" var="coordinadores" value="#{coordinadorVista.listaCoordinadores}" 
                                                 selectionMode="single" selection="#{coordinadorVista.selectedCoordinador}" filteredValue="#{coordinadorVista.listaCoordinadores}"
                                                 rowKey="#{coordinadores.documento.documento}" paginator="true" rows="5" 
                                                 emptyMessage="No existe el Coordinador!" >

                                        <p:ajax event="rowSelect" listener="#{coordinadorVista.onRowSelect}"   
                                                update=":formulario:pnlCoordinador"  />
                                        
                                        <p:column sortBy="#{coordinadores.documento.documento}" filterBy="#{coordinadores.documento.documento}" filterMatchMode="contains">
                                            <f:facet name="header">
                                                <h:outputText  value="Documento" />                            
                                            </f:facet>
                                            <h:outputText  value="#{coordinadores.documento.documento}" />                          
                                        </p:column>

                                        <p:column sortBy="#{coordinadores.documento.nombre}" filterBy="#{coordinadores.documento.nombre}" filterMatchMode="contains">
                                            <f:facet name="header">
                                                <h:outputText  value="Nombre" />                            
                                            </f:facet>
                                            <h:outputText  value="#{coordinadores.documento.nombre} #{coordinadores.documento.apellido}" />                          
                                        </p:column>

                                        <p:column sortBy="#{coordinadores.tipo}">
                                            <f:facet name="header" >
                                                <h:outputText  value="Tipo" />                            
                                            </f:facet>
                                            <h:outputText  value="#{coordinadores.tipo}" />                          
                                        </p:column>                                

                                    </p:dataTable>   

                                    <!--Panel Exportar -->
                                    <p:panel header="Exportar">   
                                        <h:commandLink>
                                            <!--PDF-->
                                            <h:outputText value="PDF" />
                                            <p:dataExporter type="pdf" fileName="ListadoCoordinadores" target="listaCoordinadores"/>
                                        </h:commandLink>

                                        <h:outputText value=" | " />

                                        <h:commandLink>
                                            <!--EXCEL-->
                                            <h:outputText value="EXCEL" />
                                            <p:dataExporter type="xls" fileName="ListadoCoordinadores" target="listaCoordinadores"/>
                                        </h:commandLink>
                                    </p:panel>
                                </p:panel>
                                <!-- dialogo de ayuda -->
                                <p:dialog id="modalDialog" header="Ayuda" widgetVar="helpDialog" showEffect="fade" hideEffect="bounce" modal="true" dynamic="true">  
                                    <p align="justify">                       
                                        En esta página usted podrá:<br/><br/>
                                        <b>-Crear, Modificar, Eliminar y Consultar Coordinadores:</b> ésta opción solo está disponible para usuarios de tipo Coordinador. 
                                        Para crear un coordinador basta con digitar su documento de identificación y luego presionar la tecla TAB(Tabulación) o Enter. 
                                        ASPERA verificará que no haya un coordinador con ese mismo documento. Si existe cargará sus datos y sino usted deberá continuar
                                        llenando el formulario. Luego de clic en el botón Crear. Para modificar o eliminar un coordinador existente seleccionelo 
                                        de la tabla inferior.
                                        <br/><br/>
                                        <u>Nota:</u> la clave de acceso no se podrá modificar en ésta página por razones de seguridad sino en la opción <u>Cambio 
                                            Contraseña</u> del menú principal.<br/><br/>

                                        <b>-Consultar y Filtrar Coordinadores:</b> en la tabla de resultados se pueden visualizar todos los coordinadores existentes. 
                                        Si desea filtrar los resultados basta con digitar en la columna Documento un número especifico, de igual forma se puede utilizar 
                                        el filtro por Nombre.<br/>                    
                                    </p>
                                </p:dialog>
                            </h:form> 
                            <!-- Dialogo de confirmacion para el boton eliminar -->
                            <h:form id="formDialog" > 
                                <p:confirmDialog id="confirmDialog" message="Está Seguro de Eliminar el Coordinador?"  
                                                 header="Confirmación" severity="alert" widgetVar="confirmation">  
                                    <p:commandButton id="confirm" value="Si" oncomplete="PF('confirmation').hide()" update=":formulario:panel"  
                                                     actionListener="#{coordinadorVista.onEliminacionConfirm}" />  
                                    <p:commandButton id="decline" value="No" onclick="PF('confirmation').hide()" type="button" />   

                                </p:confirmDialog> 
                            </h:form>
                        </p:column>
                    </p:row>
                </p:panelGrid>
            </p:panel> 
            <div>
                <h:graphicImage url="/aspera/images/asperaPie.jpg" width="100%" height="100%" alt="LogoAspera"  style="vertical-align: bottom;"/>
            </div>            
        </h:body>
    </f:view>
</html>

